<template>
    <div class="top">
        {{title}}
    </div>
</template>

<script>
export default {
    name: 'HeaderBar',
    data() {
        return{
            title: '首页'
        }
    }
}
</script>
<style>
    body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
    body{background:#E2E2E2;-webkit-text-size-adjust:100%;padding-bottom: 5rem;}
    html{font-size:62.5%;font-family: arial,"Hiragino Sans GB","Microsoft Yahei","΢���ź�","����",Tahoma,Arial,Helvetica,STHeiti;}
    a{color:#2d374b;text-decoration:none}
    em{font-style:normal}
    li{list-style:none}
    body{background:#E2E2E2;}
    img{border:0;vertical-align:middle}
    table{border-collapse:collapse;border-spacing:0}
    p{word-wrap:break-word}
    div{background:#fff;}
    #app{background:none;}
    .top{height:4.5rem;background:#009900;text-align: center;line-height:4rem;font-size:1.6rem;color:#fff;width:100%;margin:0 auto;}
</style>